{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 添加视口设置以优化移动端显示 -->  
    <link rel="stylesheet" href="{% static 'css/register.css' %}"> <!-- rel="stylesheet" 属性指定了被链接的文件是一个样式表;url_for是一个url链接的函数，static是同app.py的一级目录，后面跟链接的文件路径 -->
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}">
    <!-- <script src="{% static 'js/jquery.js' %}"></script> -->
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <title>Hy数据可视化系统-注册</title>
</head>
<body >
    <!--登录表单-->
    <div class="register-form">
        <h1 class="panel_title">  注册 </h1>
        <p id="message">{{ message }}</p>
        <form class="form" method="post" action="/register">
            {% csrf_token %}
            <label class="form_label" for="usernameIn">Username</label>
            <input class="form_input" type="text" id="usernameIn" name="usernameIn">
            <br>
            <label class="form_label" for="passwordIn">Password</label>
            <input class="form_input " type="password" id="passwordIn" name="passwordIn">
            <br>
            <label class="form_label" for="passwordIn">Confirm<br>Password</label>
            <input class="form_input " type="password" id="passwordIn" name="cpasswordIn">
            <br>
            <button class="form_btn" type="Submit">点击注册</button>
            <br>
            <button class="checkout-login" id="checkout-login" type="button">返回登陆系统</button>
        </form>
    </div>
</body>
</html>
<script>
    document.getElementById('checkout-login').addEventListener('click', function() {window.location.href = 'http://localhost:8000/login';});
</script>
